<!DOCTYPE html>
<html lang="zxx">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
    <title>NOSTRPAD</title>
    <link rel="shortcut icon" href="img/favicon.png" type="image/x-icon">
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="static/css/bootstrap.min.css" />
    <!-- animate CSS -->
    <link rel="stylesheet" href="static/css/animate.css" />
    <!-- themify icon CSS -->
    <link rel="stylesheet" href="static/css/all.min.css" />
    <!-- swiper CSS -->
    <link rel="stylesheet" href="static/css/swiper.min.css" />
    <!-- magnify popup CSS -->
    <link rel="stylesheet" href="static/css/magnific-popup.css" />
    <!-- style CSS -->
    <link rel="stylesheet" href="static/css/style.css" />
    <link rel="stylesheet" href="static/css/buding.css" />
</head>

<body>
    <header class="ch_header_part">
        <div class="ch_header_part_wrapper">
            <nav class="navbar navbar-expand-xl navbar-light">
                <div class="container custom_container">
                    <a class="navbar-brand" href="index.html">
                        <img src="static/picture/logo.png" alt="#" class="main_logo">
                        <img src="static/picture/logo.png" alt="#" class="sticky_logo">
                    </a>
                    <div class="mobile_collaps_icon d-flex align-items-center">
                        <button class="navbar-toggle collapsed d-xl-none" type="button" data-bs-toggle="collapse"
                            data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup"
                            aria-expanded="false" aria-label="Toggle navigation">
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                    </div>
                    <div class="collapse navbar-collapse justify-content-end" id="navbarNavAltMarkup">
                        <ul class="navbar-nav nav nav-pills align-items-md-center">

                            <li class="nav-item">
                                <a class="nav-link" href="#About">About</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link active" href="#Features">Tokens</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="#Roadmap">Roadmap</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="#FAQ">FAQ</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </nav>
        </div>
    </header>

    <!-- banner here -->
    <div class="ch_banner banner_bg position-relative">
        <div class="container custom_container">
            <div class="row align-items-center flex-lg-row-reverse">
                <!-- <div class="col-lg-5">
                    <div class="ch_banner_img mb-4 mb-lg-0 text-center text-lg-start wow fadeInUp" data-wow-delay=".6s">
                        <img src="static/picture/banner_img.png" alt="#" class="img-fluid banner_img">
                    </div>
                </div> -->
                <div class="col-lg-12">
                    <div class="ch_banner_wrapper text-center">
                        <h1 class="title fw-bold wow fadeInUp" data-wow-delay=".4s" style="font-size: 40px;">
                            Lightning Network Crypto Launchpad
                        </h1>
                        <p class="description text-white text-uppercase wow fadeInUp" data-wow-delay=".5s">
                            NostrPad, built on Lightning Network, embodies fair decentralized investing. <br> Our
                            community decides rewards, ensuring justice in token launches.<br> Join us for a fair DeFi
                            future!
                        </p>
                        <div class="banner_btn_list">
                            <a class="cu_btn gradient_btn wow fadeInUp" data-wow-delay=".6s" href="#">
                                MAKETPLACE
                            </a>
                            <a class="cu_btn gradient_btn_1 mt-3 wow fadeInUp" data-wow-delay=".6s" href="#">
                                LAUNCHAPP
                            </a>
                        </div>
                        <div class="hezuo">
                            <a href="https://twitter.com/nostrpad"><i class="fab fa-twitter"></i></a>
                            <a href="https://discord.gg/RqAsAHVv"><i class="fab fa-discord"></i></a>
                            <a href="#"><i class="fab fa-medium"></i></a>
                            <a href="#"><i class="fab fa-github"></i></a>
                            <a href="#"><img style="width: 22px;transform: translateY(-2px);"
                                    src="static/picture/Gitbook.png"></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="parallax_shape position-absolute top-0 start-0 w-100 -z-index-1">
            <img src="static/picture/banner_shape.png" alt="#" class="w-100">
        </div>

    </div>
    <!-- banner end -->

    <!-- section here -->
    <div class="ch_section pb-md-5 position-relative z-index-10" id="About">
        <img src="static/picture/shape_01.png" alt="#" class="position-absolute start-0 top-0 w-100 -z-index-1">
        <div class="container custom_container">
            <div class="row justify-content-center">
                <div class="col-lg-12">
                    <div class="ch_content_box">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="ch_text_box">
                                    <h2 class="title wow fadeInUp" data-wow-delay=".4s">
                                        About NostrPad Token MaketPlace
                                    </h2>
                                    <ul class="list_item wow fadeInUp" data-wow-delay=".4s">
                                        <li><img src="static/picture/check.svg" alt="#">ALAPH AIRDROP</li>
                                        <li><img src="static/picture/check.svg" alt="#">
                                            Non-custodial nodes, fast and secure. All transaction information is
                                            recorded on the blockchain.
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col-md-6" style="padding-bottom: 40px;">
                                <div class="ch_image_box style_01 position-relative wow fadeInUp" data-wow-delay=".4s">
                                    <img src="static/picture/subtract_1.png" alt="#" class="image_shape_01">
                                    <img src="static/picture/subtract_2.png" alt="#" class="image_shape_02">
                                    <img style="width: 500px" src="static/picture/img_box_1_new.png" alt="#">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- section end -->

    <!-- section here -->
    <div class="ch_section section_padding position-relative z-index-10 wow fadeInUp" data-wow-delay=".4s"
        data-bg-img="img/BlurDivisor1.png">
        <div class="container custom_container">
            <div class="row">
                <div class="col-lg-6">
                    <div class="ch_image_box mb-5 mb-lg-0">
                        <img src="static/picture/img_box_2.png" alt="#" class="img-fluid">
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="ch_text_box">
                        <h2 class="title wow fadeInUp" data-wow-delay=".4s">NOSTRPAD COIN</h2>
                        <p class="description text-white">NOSTRPad stands as the first Launchpad platform on the Bitcoin
                            Lightning Network, heralding a new era in the Bitcoin ecosystem. The NOSTRPad token embodies
                            not just an asset, but a milestone in innovation. </p>
                        <p class="description text-white mt-3"></p> Here are its three core benefits: </p>
                    </div>
                    <div class="row mt-4">
                        <div class="col-lg-8">
                            <div class="ch_counter_box" style="display: flex; align-items: center;">
                                <div class="counter_box" style="margin-right: 10px;">1</div>
                                <p class="description" style="margin-bottom: 10px;">Early Project Access</p>
                            </div>
                        </div>
                        <div class="col-lg-8">
                            <div class="ch_counter_box" style="display: flex; align-items: center;">
                                <div class="counter_box" style="margin-right: 10px;">2</div>
                                <p class="description" style="margin-bottom: 10px;">Priority Purchase and Whitelist
                                    Eligibility
                                </p>
                            </div>
                        </div>
                        <div class="col-lg-8">
                            <div class="ch_counter_box" style="display: flex; align-items: center;">
                                <div class="counter_box" style="margin-right: 10px;">3</div>
                                <p class="description" style="margin-bottom: 10px;">Governance Voting Rights</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- section end -->

    <!-- section here -->
    <div class="ch_section padding_bottom position-relative wow fadeInUp" id="Features" data-wow-delay=".4s">
        <img src="static/picture/img_shape_list.png" alt="#" class="position-absolute top-0 left-0 w-100 -z-index-1">
        <div class="container custom_container">
            <div class="row justify-content-center">
                <div class="col-lg-11">
                    <div class="ch_text_box_wrapper">
                        <div class="section_tittle mb-lg-5 mb-4">
                            <h2 class="title">Benefits/Features</h2>

                            <div class="row">
                                <div class="col-xl-4 col-sm-6">
                                    <div class="ch_text_box style_02">
                                        <img src="static/picture/nft_art_1.png" alt="#">
                                        <h4 class="title">Decentralized</h4>
                                        <p class="description">
                                            All transaction information is fully recorded on the blockchain via the Lightning Network.
                                        </p>
                                    </div>
                                </div>
                                <div class="col-xl-4 col-sm-6">
                                    <div class="ch_text_box style_02">
                                        <img src="static/picture/nft_art_2.png" alt="#">
                                        <h4 class="title">Whitelist</h4>
                                        <p class="description">
                                            Token stakers will be granted whitelist access.
                                        </p>
                                    </div>
                                </div>
                                <div class="col-xl-4 col-sm-6">
                                    <div class="ch_text_box style_02">
                                        <img src="static/picture/nft_art_3.png" alt="#">
                                        <h4 class="title">DAO</h4>
                                        <p class="description">Members in DAO can vote for featured
                                            projects and much more</p>
                                    </div>
                                </div>
                                <div class="col-xl-4 col-sm-6">
                                    <div class="ch_text_box style_02">
                                        <img src="static/picture/nft_art_4.png" alt="#">
                                        <h4 class="title">shares</h4>
                                        <p class="description">
                                            Stakers are entitled to a share of the platform's profits.
                                        </p>
                                    </div>
                                </div>
                                <div class="col-xl-4 col-sm-6">
                                    <div class="ch_text_box style_02">
                                        <img src="static/picture/nft_art_5.png" alt="#">
                                        <h4 class="title">Audit</h4>
                                        <p class="description">
                                            All collaborative projects are initiated and reviewed by the council of stakers.
                                        </p>
                                    </div>
                                </div>
                                <div class="col-xl-4 col-sm-6">
                                    <div class="ch_text_box style_02">
                                        <img src="static/picture/nft_art_6.png" alt="#">
                                        <h4 class="title">technology</h4>
                                        <p class="description">We ensure the smooth operation of the platform with a
                                            strong development team.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- section end -->

        <!-- section here -->
        <div class="ch_section padding_bottom padding_top position-relative wow fadeInUp" data-wow-delay=".4s">
            <div class="container custom_container">
                <div class="row justify-content-center">
                    <div class="col-lg-6">
                        <div class="section_tittle text-center pb-4 pb-lg-5 mb-lg-4">
                            <h2 class="title">Tokenomics and <br> allocations</h2>
                        </div>
                    </div>
                </div>
                <div class="row justify-content-between padding_bottom">
                    <div class="col-lg-12" style="text-align: center;">
                        <div class="ch_text_box">
                            <h3 class="title">Our Token</h3>
                            <p class="description text-white">NostrPad Token will have multiple purposes and brings
                                various
                                utilites for
                                it’s holders already from launch and more coming in the future. Here
                                you can see some of the main utilities for our coin:</p>
                            <ul class="list_item">
                                <li><img src="static/picture/check.svg" alt="#">Get whitelisted for featured projects
                                </li>
                                <li><img src="static/picture/check.svg" alt="#">Participate in raffles</li>
                                <li><img src="static/picture/check.svg" alt="#">Referral rewards</li>
                                <li><img src="static/picture/check.svg" alt="#">Staking (coming soon)</li>
                            </ul>
                        </div>
                    </div>
                    <!-- <div class="col-lg-6">
                    <div class="ch_text_box mt-5 mt-lg-0">
                        <h3 class="title mb-4 mb-lg-5">Our Tokenomics</h3>
                        <ul class="tokenomics_list">
                            <li><span class="gradient_text">Name:</span> <span
                                    class="cu_btn gradient_border">NostrPad</span> </li>
                            <li><span class="gradient_text">Chain:</span> <span
                                    class="cu_btn gradient_border">Lightning Network</span> </li>
                            <li><span class="gradient_text">Symbol:</span> <span
                                    class="cu_btn gradient_border">MINT</span> </li>
                            <li><span class="gradient_text">Supply:</span> <span
                                    class="cu_btn gradient_border">1,000,000,000</span> </li>
                            <li><span class="gradient_text">Decimals:</span> <span
                                    class="cu_btn gradient_border">8</span> </li>
                            <li><span class="gradient_text">Limit:</span> <span class="cu_btn gradient_border">1000</span> </li>
                        </ul>
                    </div>
                </div> -->

                </div>

                <div class="col-lg-12">
                    <div class="ch_image_box style_02 my-5 my-lg-0">
                        <img src="static/picture/tokendistribution.png" alt="#" class="img-fluid">
                    </div>
                </div>

                <div class="ch_section padding_bottom position-relative wow fadeInUp" id="Roadmap" data-wow-delay=".4s">
                    <img src="static/picture/img_shape_list.png" alt="#" class="position-absolute top-0 left-0 w-100">
                    <div class="container custom_container">
                        <div class="row justify-content-center">
                            <div class="col-lg-6">
                                <div class="section_tittle text-center pb-4 pb-lg-5 mb-lg-4">
                                    <h2 class="title">Roadmap</h2>
                                </div>
                            </div>
                        </div>
                        <div class="row justify-content-center">
                            <div class="col-lg-7">
                                <div class="ch_timeline_wrapper">
                                    <div class="timeline_inner_item">
                                        <div class="timeline_title">
                                            <h4 class="title">Phase 1</h4>
                                            <p class="date">Nov. 2023</p>
                                        </div>
                                        <div class="timeline_content">
                                            <ul class="list_item">
                                                <li><img src="static/picture/done.svg" alt="#">Idea & Concept</li>
                                                <li><img src="static/picture/done.svg" alt="#">Branding, Landing page,
                                                    Litepaper...</li>
                                                <li><img src="static/picture/done.svg" alt="#">Back-end development beta
                                                    stage</li>
                                                <li><img src="static/picture/done.svg" alt="#">Front-end development
                                                    beta stage</li>
                                                <li><img src="static/picture/done.svg" alt="#">Socials and community
                                                    building</li>

                                            </ul>
                                        </div>
                                    </div>
                                    <div class="timeline_inner_item">
                                        <div class="timeline_title">
                                            <h4 class="title">Phase 2</h4>
                                            <p class="date">Dec. 2023 </p>
                                        </div>
                                        <div class="timeline_content">
                                            <ul class="list_item">
                                                <li><img src="static/picture/done.svg" alt="#">NostrPad code and audit
                                                </li>
                                                <li><img src="static/picture/done.svg" alt="#">Mint OG Pass NFT</li>
                                                <li><img src="static/picture/done.svg" alt="#">Airdrop quota
                                                    determination and review.</li>
                                                <li><img src="static/picture/check.svg" alt="#">Project Launch</li>
                                                <li><img src="static/picture/check.svg" alt="#">DAO code and audit </li>
                                                <li><img src="static/picture/check.svg" alt="#">Marketing Campaign</li>
                                                <li><img src="static/picture/check.svg" alt="#">New partnerships</li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="timeline_inner_item">
                                        <div class="timeline_title">
                                            <h4 class="title">Phase 3</h4>
                                            <p class="date">Jan. 2024 </p>
                                        </div>
                                        <div class="timeline_content">
                                            <ul class="list_item">
                                                <li><img src="static/picture/check.svg" alt="#">Build council</li>
                                                <li><img src="static/picture/check.svg" alt="#">Whitepaper with NOSTRPAD
                                                </li>
                                                <li><img src="static/picture/check.svg" alt="#">COIN Portfolio</li>
                                                <li><img src="static/picture/check.svg" alt="#">Featured Projects</li>
                                                <li><img src="static/picture/check.svg" alt="#">LaunchPad</li>
                                                <li><img src="static/picture/check.svg" alt="#">KYC & Art Badge</li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="timeline_inner_item">
                                        <div class="timeline_title">
                                            <h4 class="title">Phase 4</h4>
                                            <p class="date">Feb. 2024 – Feb. 2024 (12 Months) </p>
                                        </div>
                                        <div class="timeline_content">
                                            <ul class="list_item">
                                                <li><img src="static/picture/check.svg" alt="#">UI upgrade to V2</li>
                                                <li><img src="static/picture/check.svg" alt="#">New Features</li>
                                                <li><img src="static/picture/check.svg" alt="#">NOSTRPAD development
                                                </li>
                                                <li><img src="static/picture/check.svg" alt="#">Crowdfunding feature
                                                </li>
                                                <li><img src="static/picture/check.svg" alt="#">Listing on the BINANCE
                                                </li>

                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- section end -->

                <!-- section here -->
                <div class="ch_section padding_bottom position-relative wow fadeInUp" data-wow-delay=".4s">
                    <div class="container custom_container">
                        <div class="row justify-content-center">
                            <div class="col-lg-6">
                                <div class="section_tittle pb-4 pb-lg-5 mb-lg-3 text-center">
                                    <h2 class="title">Team</h2>
                                </div>
                            </div>
                        </div>
                        <div class="row justify-content-center">
                            <div class="col-lg-12">
                                <div class="ch_team_wrapper position-relative">
                                    <div class="swiper-container ch_slider_wrapper" data-perpage="4" data-loop="true"
                                        data-pagination=".slider_pagination" data-center="false" data-autoplay="false"
                                        data-speed="1000" data-space="30" data-paginationtype="bullets"
                                        data-breakpoints='{"320": {"slidesPerView": 1},"576": {"slidesPerView": 1},"768": {"slidesPerView": 2}, "991": {"slidesPerView": 4}}'
                                        data-next=".ch_team_slider_next" data-prev=".ch_team_slider_prev">
                                        <div class="swiper-wrapper">
                                            <div class="swiper-slide">
                                                <div class="ch_team_part">
                                                    <h4 class="name">Cats</h4>
                                                    <p class="position">creater</p>
                                                    <div class="text-start">
                                                        <img src="static/picture/b2.png" alt="#" class="team_img">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide">
                                                <div class="ch_team_part">
                                                    <h4 class="name">dikom</h4>
                                                    <p class="position">co-creater</p>
                                                    <div class="text-start">
                                                        <img src="static/picture/b1.png" alt="#" class="team_img">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide">
                                                <div class="ch_team_part">
                                                    <h4 class="name">Maya</h4>
                                                    <p class="position">Marketing </p>
                                                    <div class="text-start">
                                                        <img src="static/picture/b4.png" alt="#" class="team_img">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide">
                                                <div class="ch_team_part">
                                                    <h4 class="name">xin</h4>
                                                    <p class="position">Community Manager </p>
                                                    <div class="text-start">
                                                        <img src="static/picture/b5.png" alt="#" class="team_img">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide">
                                                <div class="ch_team_part">
                                                    <h4 class="name">linsenmyo
                                                    </h4>
                                                    <p class="position">Social media manager </p>
                                                    <div class="text-start">
                                                        <img src="static/picture/b6.png" alt="#" class="team_img">
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- <div class="swiper-slide">
                                    <div class="ch_team_part">
                                        <h4 class="name">Alexa
                                        </h4>
                                        <p class="position"> </p>
                                        <div class="text-start">
                                            <img src="static/picture/b7.png" alt="#" class="team_img">
                                        </div>
                                    </div>
                                </div> -->
                                            <div class="swiper-slide">
                                                <div class="ch_team_part">
                                                    <h4 class="name">Macc
                                                    </h4>
                                                    <p class="position">Twitter Spaces</p>
                                                    <div class="text-start">
                                                        <img src="static/picture/b8.png" alt="#" class="team_img">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="slider_pagination"></div>
                                    <div class="slider_navigation">
                                        <div class="navigation ch_team_slider_prev"><i class="fas fa-chevron-left"></i>
                                        </div>
                                        <div class="navigation ch_team_slider_next"><i class="fas fa-chevron-right"></i>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- section end -->

                <!-- section here -->
                <div class="ch_section padding_bottom position-relative wow fadeInUp" id="FAQ" data-wow-delay=".4s"
                    data-bg-img="img/BlurDivisor.png">
                    <div class="container custom_container">
                        <div class="row justify-content-center">
                            <div class="col-lg-6">
                                <div class="section_tittle text-center pb-4 pb-lg-5 mb-lg-3">
                                    <h2 class="title">PARTNERS</h2>
                                </div>
                            </div>
                        </div>
                        <section class="section section-default mt-none mb-none">
                            <div class="container">


                                <div class="row">
                                    <div class="col-sm-6 col-md-4 col-lg-4">
                                        <div class="square-holder">
                                            <img alt="" src="static/picture/bitcoin-logo.png" />
                                        </div>
                                    </div>
                                    <!-- <div class="col-sm-6 col-md-4 col-lg-3">
                                        <div class="square-holder">

                                            <a href="0">
                                                <img alt="" src="static/picture/opensea-logo.png" />
                                            </a>
                                        </div>
                                    </div> -->
                                    <div class="col-sm-6 col-md-4 col-lg-4">
                                        <div class="square-holder">
                                            <img alt="" src="static/picture/lightning-logo.png" />
                                        </div>
                                    </div>
                                    <div class="col-sm-6 col-md-4 col-lg-4">
                                        <div class="square-holder">
                                            <img alt="" src="static/picture/nostrlogo.png" />
                                        </div>
                                    </div>

                                </div>
                            </div>
                            </strong>
                    </div>
                    </section>
                </div>
            </div>
        </div>
    </div>
    </div>
    <!-- section end -->

    <!-- section here -->
    <div class="ch_section padding_bottom position-relative wow fadeInUp" id="Partners" data-wow-delay=".4s"
        data-bg-img="img/BlurDivisor.png">
        <div class="container custom_container">
            <div class="row justify-content-center">
                <div class="col-lg-6">
                    <div class="section_tittle text-center pb-4 pb-lg-5 mb-lg-3">
                        <h2 class="title">FAQ’s</h2>
                    </div>
                </div>
            </div>
            <div class="row justify-content-center">
                <div class="col-lg-8">
                    <div class="cre_accordion" id="cre_accordion0">
                        <div class="accordion-item  ">
                            <h2 class="accordion-header" id="heading0">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#cre_faq_0" aria-expanded="false" aria-controls="cre_faq_0">

                                    Q: How do I know minting with NostrPad is safe?</button>
                            </h2>
                            <div id="cre_faq_0" class="accordion-collapse collapse " aria-labelledby="heading0"
                                data-bs-parent="#cre_accordion0">
                                <div class="accordion-body">
                                    <p>
                                        Nostrpad is fully decentralized, allowing you to query any of your transaction information on the Lightning Network blockchain.
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="accordion-item accordion-item-active ">
                            <h2 class="accordion-header" id="heading1">
                                <button class="accordion-button " type="button" data-bs-toggle="collapse"
                                    data-bs-target="#cre_faq_1" aria-expanded="false" aria-controls="cre_faq_1">

                                    Q: How do I become a NostrPad DAO member? </button>
                            </h2>
                            <div id="cre_faq_1" class="accordion-collapse collapse show" aria-labelledby="heading1"
                                data-bs-parent="#cre_accordion0">
                                <div class="accordion-body">
                                    <p>
                                        Eitherby holding certain amount of tokens
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="accordion-item  ">
                            <h2 class="accordion-header" id="heading2">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#cre_faq_2" aria-expanded="false" aria-controls="cre_faq_2">

                                    Q: How many tokens are needed to be held for referral bonus eligibility?</button>
                            </h2>
                            <div id="cre_faq_2" class="accordion-collapse collapse " aria-labelledby="heading2"
                                data-bs-parent="#cre_accordion0">
                                <div class="accordion-body">
                                    <p>500,000 tokens is the minimum amount to be able to earn referral bonus of 1%,</p>
                                </div>
                            </div>
                        </div>
                        <div class="accordion-item  ">
                            <h2 class="accordion-header" id="heading3">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#cre_faq_3" aria-expanded="false" aria-controls="cre_faq_3">

                                    Q: How often are NostrPad Pass royalties paid out? </button>
                            </h2>
                            <div id="cre_faq_3" class="accordion-collapse collapse " aria-labelledby="heading3"
                                data-bs-parent="#cre_accordion0">
                                <div class="accordion-body">
                                    <p> As soon we have reached the minimum amount for payout ( decided by the DAO ).
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="accordion-item  ">
                            <h2 class="accordion-header" id="heading4">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#cre_faq_4" aria-expanded="false" aria-controls="cre_faq_4">

                                    Q: If a project is referred, does that project need to sell out to be eligible to
                                    receive a referral bonus?</button>
                            </h2>
                            <div id="cre_faq_4" class="accordion-collapse collapse " aria-labelledby="heading4"
                                data-bs-parent="#cre_accordion0">
                                <div class="accordion-body">
                                    <p>No, when the project owner decides to close the mint, whatever has been minted
                                        will be considered as the total mint, and you will receive 1% of that.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- section end -->


    <!-- footer section here -->
    <section class="ch_footer_section sec_padding position-relative" data-bg-img="img/footer_bg.png">
        <img src="static/picture/subtract_1.png" alt="#" class="footer_shape_01">
        <img src="static/picture/subtract_2.png" alt="#" class="footer_shape_02">
        <div class="container custom_container">
            <div class="row justify-content-between footer_top_part">
                <div class="col-lg-6">
                    <div class="footer_top_text_box wow fadeInUp" data-wow-delay=".3s">
                        <h5 class="sub_title">THE FIRST LAUNCH PLATFORM ESTABLISHED ON THE LIGHTNING NETWORK</h5>
                        <h2 style="font-size: 20px;">WANT TOLAUNCH PROJECT WITH US? </h2>
                    </div>

                    <div class="ch_footer_widget text-center text-lg-start wow fadeInUp" data-wow-delay=".4s">
                        <h2 class="widget_title">
                            CONTACT US
                        </h2>
                        <ul class="footer_menu">
                            <li><a href="https://t.me/playboicarti09">Cats, dikom</a></li>
                            <li><a href="#">contact@nostrpad.app</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="row justify-content-between right">
                        <div>
                            <div class="ch_footer_widget text-center text-lg-start wow fadeInUp" data-wow-delay=".4s">
                                <h2 class="widget_title">
                                    Nostrpad
                                </h2>
                                <ul class="footer_menu">
                                    <li><a href="#About">About</a></li>
                                    <li><a href="#Features">Tokens</a></li>
                                    <li><a href="#Roadmap">Roadmap</a></li>
                                    <li><a href="#FAQ">FAQ</a></li>
                                </ul>
                            </div>
                        </div>

                        <div>
                            <div class="ch_footer_widget text-center text-lg-start wow fadeInUp" data-wow-delay=".4s">
                                <h2 class="widget_title">
                                    Help
                                </h2>
                                <ul class="footer_menu">
                                    <li><a href="#">Support</a></li>
                                    <li><a href="#">Contact</a></li>
                                </ul>
                            </div>
                        </div>
                        <div>
                            <div class="ch_footer_widget text-center text-lg-start wow fadeInUp" data-wow-delay=".4s">
                                <h2 class="widget_title">
                                    Token
                                </h2>
                                <ul class="footer_menu">
                                    <li><a href="#">Whitepaper</a></li>
                                    <li><a href="#">Tokenomics</a></li>
                                </ul>
                            </div>
                        </div>
                        <!-- <div>
                            <div class="ch_footer_widget text-center text-lg-start wow fadeInUp" data-wow-delay=".4s">
                                <h2 class="widget_title">
                                    Token
                                </h2>
                                <ul class="footer_menu">
                                    <li><a href="#">OG PASS</a></li>
                                    <li><a href="#">Opensea</a></li>
                                    <li><a href="#">CoinMarketCap</a></li>
                                    <li><a href="#">CoinGecko</a></li>
                                    <li><a href="#">PancakeSwap</a></li>
                                    <li><a href="#">UniSwap</a></li>
                                    <li><a href="#">Exchanges</a></li>
                                </ul>
                            </div>
                        </div> -->
                    </div>
                </div>

                <div class="col-lg-12">
                    <div class="ch_copyright_content d-flex flex-wrap justify-content-center align-items-center">
                        <p class="copyright_text text-center">
                            © 2023 <span class="gradient_text">Nostrpad</span> , First is first
                        </p>
                        <!-- <div class="social_icon">
                            <a href="https://twitter.com/nostrpad"><i class="fab fa-twitter"></i></a>
                            <a href="https://discord.gg/RqAsAHVv"><i class="fab fa-discord"></i></a>
                            <a href="#"><i class="fab fa-telegram"></i></a>
                            <a href="0"><i class="fab fa-medium"></i></a>
                            <a href="0"><i class="fab fa-reddit"></i></a>
                            <a href="0"><i class="fab fa-github"></i></a>
                            <a href="0"><i class="fab fa-facebook"></i></a>
                            <a href="0"><i class="fab fa-instagram"></i></a>
                        </div> -->
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- footer section end -->

    <a class="ch_top_scroll">
        <i class="fas fa-angle-up"></i>
    </a>

    <!-- jquery slim -->
    <script src="static/js/jquery-3.5.1.min.js"></script>
    <!-- jquery slim -->
    <script src="static/js/popper.min.js"></script>
    <!-- bootstarp js -->
    <script src="static/js/bootstrap.min.js"></script>
    <!-- swiper js -->
    <script src="static/js/swiper.min.js"></script>
    <!-- wow js -->
    <script src="static/js/wow.min.js"></script>
    <!-- magnify popup js -->
    <script src="static/js/jquery.magnific-popup.js"></script>
    <!-- counterup js -->
    <script src="static/js/jquery.counterup.min.js"></script>
    <script src="static/js/jquery.waypoints.min.js"></script>
    <!-- parallax scroll js -->
    <script src="static/js/jquery.parallax-scroll.js"></script>
    <!-- custom js -->
    <script src="static/js/custom.js"></script>
</body>

</html>